<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><#if paperExportDto.title??>${paperExportDto.title}<#else>试卷</#if></title>
    <style type="text/css">
        /*解决html转pdf文件中文不显示的问题*/
        body {
            font-family: SimSun, serif;
        }

        /*设定纸张大小*/
        /* A4纸 */
        /* @page{size:210mm*297mm} */
        @page {
            size: a4
        }
    </style>
</head>
<body>
<div style="width: 700px; margin: 0 auto;">
    <#--试卷标题-->
    <h1 style="width: 100%;text-align: center">
        <#if paperExportDto.paperName??>${paperExportDto.paperName}<#else>试卷</#if>
        <span>(满分<span><#if paperExportDto.totalScore??>${paperExportDto.totalScore}<#else>0</#if></span>分)</span>
    </h1>
    </h1>
    <#--学生信息-->
    <div style="margin-bottom: 4px; padding: 0 8px;display: block;">
        <div style="float: left">
            <span style="font-size: 12px;">姓名:
                <span>
                    <#if paperExportDto.studentDto.studentName??>
                        ${paperExportDto.studentDto.studentName}
                    <#else>
                        未知
                    </#if>
                </span>
            </span>
            <span style="font-size: 12px;">班级:
                <span>
                    <#if paperExportDto.studentDto.classNumber??>
                        ${paperExportDto.studentDto.classNumber}
                    <#else>
                        未知
                    </#if>
                </span>
            </span>
            <span style="font-size: 12px;">学号:
                <span>
                    <#if paperExportDto.studentDto.studentNumber??>
                        ${paperExportDto.studentDto.studentNumber}
                    <#else>
                        未知
                    </#if>
                </span>
            </span>
            <span style="font-size: 12px;">学期:
                <span>
                    <#if paperExportDto.studentDto.semester??>
                        ${paperExportDto.studentDto.semester}
                    <#else>
                        未知
                    </#if>
                </span>
            </span>
        </div>
        <span style="font-size: 12px;float:right">
            <span>
                <#if paperExportDto.totalScore??>
                    ${paperExportDto.totalScore}
                <#else>
                    未知
                </#if>
            </span>
            /
            <span>
                <#if paperExportDto.score??>
                    ${paperExportDto.score}
                <#else>
                    0
                </#if>
            </span>
            分数
        </span>
    </div>
    <br>
    <#--题目列表-->
    <div>
        <#if paperExportDto.topicDtoList??>
            <#list paperExportDto.topicDtoList as topicDto>
                <div>
                    <#--题号和题目内容-->
                    <div style="font-size: 15px; font-weight: 300; margin-bottom: 4px;height: auto;width: 700px">
                        <#--题号-->
                        <div style="font-size: 12px; color: rgb(223, 151, 83); display: table;width: 100%">
                            <div style="margin-left: 50px;display: table-cell;width: 80%">
                                <span>
                                    第
                                    <span>
                                        ${topicDto?index + 1}
                                    </span>
                                    /
                                    <span>
                                        <span>
                                            ${paperExportDto.topicDtoList?size}
                                        </span>题
                                    </span>
                                </span>
                                <button style="border: none; background-color: rgb(17, 128, 239); color: white;">
                                    <#if topicDto.topicType??>
                                        【${topicDto.topicType}】
                                    <#else>
                                        【题目类型】
                                    </#if>
                                </button>
                            </div>
                            <div style="margin-right: 50px;display: table-cell;width: 20%">
                                <#if paperExportDto.selfRecord??>
                                    <#if paperExportDto.selfRecord[topicDto.topicId?c]??>
                                    <#--是否答对-->
                                        <#if paperExportDto.selfRecord[topicDto.topicId?c].isRight??>
                                            <#if paperExportDto.selfRecord[topicDto.topicId?c].isRight == 1>
                                                <button style="border: none; background-color: green; color: white;">
                                                    答对了
                                                </button>
                                            <#else>
                                                <button style="border: none; background-color: red; color: white;">
                                                    答错了
                                                </button>
                                            </#if>
                                        <#else>
                                            <button style="border: none; background-color: red; color: white;">
                                                答错了
                                            </button>
                                        </#if>
                                    <#else>
                                        <button style="border: none; background-color: red; color: white;">
                                            答错了
                                        </button>
                                    </#if>
                                <#else>
                                    <button style="border: none; background-color: red; color: white;">
                                        答错了
                                    </button>
                                </#if>
                            </div>
                        </div>
                        <#--分割线-->
                        <hr style="color: rgba(0, 0, 0, 0.6);">
                        <#--题目内容-->
                        <div style="font-size: 14px; font-weight: 500; margin-bottom: 4px;">
                            <span>
                                <#if topicDto.topicContent??>
                                    ${topicDto.topicContent}
                                <#else>
                                    题目内容
                                </#if>
                            </span>
                        </div>
                    </div>
                    <#--题目选项-->
                    <div style="display: block; padding-left: 8px; margin-bottom: 4px;">
                        <#if topicDto.topicOptionDtos??>
                            <#list topicDto.topicOptionDtos as topicOptionDto>
                                <div style="margin-bottom: 2px;">
                                    <span style="margin-right: 4px;">${topicOptionDto.optionName}.</span>
                                    <span>${topicOptionDto.optionContent}</span>
                                </div>
                            </#list>
                        </#if>
                    </div>
                    <div style="margin-bottom: 8px;height: auto;width: 700px">
                        <div style="font-size: 14px;">我的答案：
                            <span>
                                <#if paperExportDto.selfRecord??>
                                    <#if paperExportDto.selfRecord[topicDto.topicId?c]??>
                                        <#if paperExportDto.selfRecord[topicDto.topicId?c].ownAnswer??>
                                            ${paperExportDto.selfRecord[topicDto.topicId?c].ownAnswer}
                                        <#else>
                                            暂无答案
                                        </#if>
                                    <#else>
                                        暂无答案
                                    </#if>
                                <#else>
                                    暂无答案
                                </#if>

                            </span>
                        </div>
                        <div style="font-size: 14px;">正确答案：
                            <span>
                                <#if topicDto.topicAnswer??>
                                    ${topicDto.topicAnswer}
                                <#else>
                                    暂无答案
                                </#if>
                            </span>
                        </div>
                    </div>
                    <div style="margin-top: 4px;height: auto;width: 700px">
                        <span style="color: rgb(68, 255, 47);">[解析]</span>
                        <div style="text-indent: 8px; margin-top: 4px;">
                            <#if topicDto.topicAnalyse??>
                                ${topicDto.topicAnalyse}
                            <#else>
                                暂无
                            </#if>
                        </div>
                    </div>
                </div>
                <br>
            </#list>
        <#else>
            暂无题目
        </#if>
    </div>
</div>
</body>
</html>